<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美团外卖</title>
    <link rel="stylesheet" href="/css/modules/order.css">
    <link rel="shortcut icon" href="/images/favicon_1.ico" />
</head>

<body>
    <header></header>
    <main>
        <div class="order">
            <div class="left">
                <div class="left-order"><i></i><span>订单详情</span> </div>
                <div class="left-id"><i></i><span>我的账号</span> </div>
                <div class="left-collect"><i></i> <span>我的收藏</span> </div>
            </div>
            <div class="right">
                <div class="right-wrap" id="right-wrap">
                </div>
                <script type="text/html" id="bbbbb">
                    {{each list item}}
                    <div class="order-shop" date-id="{{item.id}}">
                        <div class="order-name">
                            <span></span> 店铺：
                            <h3>{{item.title}}</h3>
                        </div>
                        <div class="order-content">
                            <div class="order-check">
                                <input type="checkbox" value="" class="checks" {{item.check ? 'checked' : ''}}>
                            </div>
                            <ul>
                                <li><img src="{{item.img.img1}}" alt=""></li>
                                <li>
                                    <div class="foot-name"><a href="#">{{item.title}}</a></div>
                                </li>
                                <li>
                                    <div class="foot-content">
                                        <i>{{item.content1}}</i>
                                        <i>{{item.content2}}</i>
                                        <br>
                                        <i>{{item.content3}}</i>
                                        <i>{{item.content1}}</i>
                                    </div>
                                </li>
                                <li>
                                    <div class="foot-price" id="foot-price">￥{{item.price}}</div>
                                </li>
                                <li>
                                    <div class="foot-num">
                                        <a href="#" class="foot-jian">-</a>
                                        <input type="text" value="{{item.const}}" class="numBer">
                                        <a href="#" class="foot-jia">+</a>
                                    </div>
                                </li>
                                <li>
                                    <div class="foot-del" date-id="{{item.id}}">
                                        <a href="#" class="del">删除</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="order-close">
                        <div class="order-left">
                            <input type="checkbox" id="all-check" checked="true"><span>全选</span><a href="#">清空购物车</a>
                        </div>
                        <div class="order-right">
                            <div class="number">已选择
                                <p class="Num"></p>件商品</div>
                            <div class="zprice">总价：
                                <span class="add">￥</span>
                            </div>
                            <div class="account"><a href="#">去结算</a></div>
                        </div>
                    </div>
                    {{/each}}
                </script>
            </div>
        </div>
    </main>

    <footer></footer>


    <script src="/libs/require/require.min.js" data-main="/js/modules/order.js"></script>
</body>

</html>